<template>
    <div class="input-box">
        <el-input v-model="filterInfo[config.filterKey]" :placeholder="config.placeholder" type="text" />
    </div>
</template>

<script setup lang="ts">
interface IOption {
    filterKey: string, // 绑定的字段
    type: 'select' | 'input', // 类型（重点）
    placeholder?: string,
    label: string,  // 渲染的名字
    filterable?: true, // 是否支持过滤
    options?: []   // 选项框的选项
}
interface IInputProps {
    config: IOption;
    filterInfo: any;
}
const {config} = defineProps<IInputProps>()

</script>

<style scoped>
.input-box {
    display: inline-block;
}
</style>
